<ion-view title="到站签收">
    <ion-nav-buttons side="left">
        <button class="button back-button buttons icon ion-ios-arrow-left button-clear header-item" nav-direction="back" ui-sref="menu">返回</button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <button class="button button-icon icon ion-ios-search" ui-sref="dzSearch"></button>
    </ion-nav-buttons>
    <ion-tabs class="tabs-top tabs-stable tabs-color-positive">
        <ion-tab title="未签收" class="tabs-item" on-select="selectTab()">
            <ion-view>
              <ion-content >
                <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefreshWq()"></ion-refresher>

                  <div ng-if="showloading" style="margin-top:60px; text-align: center">
                      <ion-spinner icon="ios" style="height: 60px; width: 60px;"></ion-spinner>
                  </div>
                <ion-list ng-if="showloading == false">
                    <h5 ng-if="zdWqData==''" style="color: #69717d;text-align: center;margin-top: 50px;">未找到数据</h5>
                  <ion-item collection-repeat="data in zdWqData" class="cydListItem" style="padding-top: 5px; padding-bottom: 5px;border-top-style: none;border-bottom-style: none;">
                    <div class="ydList card list-inset" style="margin-bottom: 5px;">
                        <div class="xuhao">
                            <div class="light list-operation button-border" ng-click="doReceipt(data)">
                                <i class="light list-operation">签收</i>
                            </div>
                            <i class="light" style="float: right;">丨</i>
                            <div class="light list-operation button-border" ng-click="scanBarcode(data.cph,data.zcdh,data.zcd_id)" ng-controller="ScanCodeCtrl">
                                <i class="light list-operation">扫码</i>
                            </div>
                        </div>
                        <div ui-sref="dzdetail({ id : data.zcd_id })">
                            <label class="item item-input">
                                <i class="list-input">车牌号：</i>
                                <p >{{data.cph}}</p>
                                <p style="margin-left: auto;margin-right: 8px;" ng-bind="getClzt(data.clzt)"></p>
                            </label>
                            <label class="item item-input">
                                <p >{{data.fhbmmc}}<i class="ion-minus" style="font-size: 16px"></i><i class="ion-arrow-right-c" style="font-size: 16px"></i>{{data.shbmmc}}</p>
                            </label>
                            <label class="item item-input">
                              <i class="list-input">装车单号：</i>
                              <p>{{data.zcdh}}</p>
                            </label>
                            <label class="item item-input">
                              <i class="list-input">装车时间：</i>
                              <p >{{data.zcsj}}</p>
                            </label>
                            <label class="item item-input">
                              <p  style="width: 32%">总重量：{{data.zl}}t</p>
                              <p>总体积：{{data.tj}}㎥</p>
                              <p style="margin-left: auto;margin-right: 8px;">已签/总计：{{data.yqssl}}/{{data.co}}</p>
                            </label>
                        </div>
                    </div>
                  </ion-item>
              </ion-list>
            <ion-infinite-scroll on-infinite="loadMoreWq()" distance="1%" ng-if="hasNextPageWq()"></ion-infinite-scroll>

            </ion-content>
        </ion-view>
    </ion-tab>
    <ion-tab title="已签收" class="tabs-item" on-select="selectTab1()">
        <ion-view>
            <ion-content >
                <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefreshYq()"></ion-refresher>

                <div ng-if="showloading" style="margin-top:60px; text-align: center">
                    <ion-spinner icon="ios" style="height: 60px; width: 60px;"></ion-spinner>
                </div>
                <ion-list ng-if="showloading == false">
                    <h5 ng-if="zdYqData==''" style="color: #69717d;text-align: center;margin-top: 50px;">未找到数据</h5>
                    <ion-item collection-repeat="data in zdYqData" class="cydListItem" style="padding-top: 5px; padding-bottom: 5px;border-top-style: none;border-bottom-style: none;">
                        <div class="ydList card list-inset" style="margin-bottom: 5px;">
                            <div class="xuhao">
                            </div>
                            <div ui-sref="dzdetail({ id : data.zcd_id })">
                                <label class="item item-input">
                                    <i class="list-input">车牌号：</i>
                                    <p >{{data.cph}}</p>
                                    <p style="margin-left: auto;margin-right: 8px;" ng-bind="getClzt(data.clzt)"></p>
                                </label>
                                <label class="item item-input">
                                    <p >{{data.fhbmmc}}<i class="ion-minus" style="font-size: 16px"></i><i class="ion-arrow-right-c" style="font-size: 16px"></i>{{data.shbmmc}}</p>
                                </label>
                                <label class="item item-input">
                                    <i class="list-input">装车单号：</i>
                                    <p>{{data.zcdh}}</p>
                                </label>
                                <label class="item item-input">
                                    <i class="list-input">装车时间：</i>
                                    <p >{{data.zcsj}}</p>
                                </label>
                                <label class="item item-input">
                                    <i class="list-input">到站时间：</i>
                                    <p >{{data.dhsj}}</p>
                                </label>
                                <label class="item item-input">
                                    <p style="width: 32%">总重量：{{data.zl}}t</p>
                                    <p>总体积：{{data.tj}}㎥</p>
                                    <p style="margin-left: auto;margin-right: 8px;">总单数：{{data.co}}</p>
                                </label>
                            </div>
                        </div>
                    </ion-item>
                </ion-list>
                <ion-infinite-scroll on-infinite="loadMoreYq()" distance="1%" ng-if="hasNextPageYq()"></ion-infinite-scroll>

            </ion-content>
        </ion-view>
    </ion-tab>
   </ion-tabs>
</ion-view>
